<template>
	<div id='order-delete'>
		<div @click='refundInfo'>
			退款详情
		</div>
		<div @click='deleteOrder'>
			删除订单
		</div>
	</div>
</template>

<script>
	export default {
		methods:{
			deleteOrder(){
				this.$emit('deleteOrder');
			},
			refundInfo(){
				this.$emit('refundInfo');
			}
		}
	}
</script>

<style scoped>
	#order-delete{
		position: fixed;
		bottom:0;
		padding: 15px;
		width: 100%;
		height: 30px;
		background: white;
	}
	#order-delete div{
		height:30px;
		padding: 0 10px;
		line-height: 30px;
		text-align: center;
		border: 1px solid #999;
		border-radius: 3px;
	}
	#order-delete div:first-of-type{
		float:right;
		margin: 0 2rem;
	}
	#order-delete div:last-of-type{
		float:right;
		margin-right: -1rem;
	}
</style>